 <include file="public:header"/>

<!-- Page -->

<!--NEW Page -->
<div class="page animsition">
    <div class="page-content padding-30 container-fluid">
        <div class="row" data-plugin="matchHeight" data-by-row="true">
            <!--后台用户首页 -->
            <div class="useroutlayer">
                <div class="userlayer clearfix">
                    <div class="userinfo col-md-6 col-sm-12">
                        <div class="infobox">
                            <div class="infodetails">
                                <div class="userhead"><img src="../files/head02.png" alt=""></div>
                                <div class="rightinfo">
                                    <div class="ident-name">{$Think.session.username}</div>
                                    <div class="personinfo clearfix">
                                        <div class="username col-sm-6 col-xs-12">用户名：<span>{$Think.session.truename}</span></div>
                                        <div class="userphone col-sm-6 col-xs-12">手机：<span>{$list.phone}</span></div>
                                        <div class="userphone col-sm-6 col-xs-12">邮箱：{$list.email}<span></span></div>
                                    </div>
                                </div>
                            </div>
                            <div class="ident-way">
<!--                                <div class="waybox col-md-3 col-xs-6">-->
<!--                                    <div class="identlayer"><div class="ident-pointer"><span>您尚未手机认证</span><a href="javascript:;">立即去认证</a><div class="ident-arrow"></div></div></div>-->
<!--                                    <a href="#">-->
<!--                                        <img src="/static/img/back-phone-no.png" alt=""/>-->
<!--                                        <span>手机认证</span>-->
<!--                                    </a>-->
<!--                                </div>-->
<!--                                <div class="waybox col-md-3 col-xs-6">-->
<!--                                    <div class="identlayer"><div class="ident-pointer">您尚未QQ认证<a href="javascript:;">立即去认证</a><div class="ident-arrow"></div></div></div>-->
<!--                                    <a href="#">-->
<!--                                        <img src="/static/img/back-qq-no.png" alt=""/>-->
<!--                                        <span>QQ认证</span>-->
<!--                                    </a>-->
<!--                                </div>-->
<!--                                <div class="waybox col-md-3 col-xs-6">-->
<!--                                    <div class="identlayer"><div class="ident-pointer">您尚未微信认证<a href="javascript:;">立即去认证</a><div class="ident-arrow"></div></div></div>-->
<!--                                    <a href="#">-->
<!--                                        <img src="/static/img/back-wechart-no.png" alt=""/>-->
<!--                                        <span>微信认证</span>-->
<!--                                    </a>-->
<!--                                </div>-->
                                <div class="waybox col-md-3 col-xs-6">
                                    <div class="identlayer" style="display: none;"><div class="ident-pointer" style="text-align: center;">
                                                                                        您已登记 状态：<a href="#" style="color: sandybrown;">审核中
                                                                                </a><div class="ident-arrow"></div></div></div>
                                    <a href="javascirpt:;">
                                        <img src="../files/back-person-no.png" alt="">
                                        <span>实名认证</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="userexpense col-md-6 col-sm-12">
                        <div class="expensebox clearfix" style="padding-top: 38px;">
                            <div class="expensebox-left col-sm-4 clearfix">
                                <div class="account-title col-sm-12 col-xs-12 clearfix">账户余额</div>
                                <div class="account-money col-sm-12 col-xs-12 clearfix">￥{$list.money}</div>
                                <div class="now-charge col-sm-12 col-xs-12 clearfix" style="padding: 0px;"><a href="{:U('home/recharge/index')}" target="_blank">充值</a></div>
                            </div>
                            <div class="expensebox-right clearfix col-sm-8">
                                <div class="col-sm-6"><a href="{:U('home/console/moneyInfo')}">消费记录</a></div>
                                <div class="col-sm-6"><a href="{:U('home/console/order')}">查看订单</a></div>
       <!--                          <div class="col-sm-6"><a href="#">申请发票</a></div> -->
<!--                                <div class="col-sm-6"><a href="--><!--">合同申请</a></div>-->
                     <!--            <div class="col-sm-6"><a href="#">添加白名单</a></div> -->
<!--                                <div class="col-sm-6"><a href="--><!--">网络备案</a></div>-->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="product-server clearfix">
                    <div class="center-line"></div>
                    <div class="product-left col-md-6 col-sm-12">
                        <!-- style="padding:0 0 0 30px;"-->
                        <!--                        <p style="padding-top: 28px;"><span class="red">亿速云服务器售后QQ：</span>-->
                        <!--                            <a href="#" target="_blank">800811969</a></p>-->
                        <!--                        <p>&nbsp;</p>-->
                        <!--                        <p><span class="red" style="font-size:15px;">线下汇款信息：</span></p>-->
                        <!--                        <table class="table" style="width:96%;font-size:16px;">-->
                        <!--                            <thead>-->
                        <!--                            <tr>-->
                        <!--                                <th>开户银行</th>-->
                        <!--                                <th>账号</th>-->
                        <!--                                <th>开户名称</th>-->
                        <!--                            </tr>-->
                        <!--                            </thead>-->
                        <!--                            <tbody>-->
                        <!--                            <tr>-->
                        <!--                                <td>中国建设银行股份有限公司广州体育东路支行</td>-->
                        <!--                                <td class="b">4405 0158 0206 0000 0315</td>-->
                        <!--                                <td>广州紫云云计算有限公司-->
                        <!--                                </td>-->
                        <!--                            </tr>-->
                        <!--                            </tbody>-->
                        <!--                        </table>-->

                        <div class="product-left-title">累计为您防DDoS攻击</div>
                        <div class="product-left-sum">暂未开放</div>
                        <!--                        <div class="product-left-sum">共 <span>10</span> 次</div>-->
                    </div>
                    <div class="product-right col-md-6 col-sm-12">
                        <div class="product-right-title">
                            <ul class="clearfix">
                                <li class="col-sm-6 col-xs-6 active"><a href="javascript:;">待续费</a></li>
                                <li class="col-sm-6 col-xs-6"><a href="javascript:;">全部</a></li>
                            </ul>
                        </div>
                        <div class="allproductbox">
                            <ul>
                                <li>
                                    <div class="product-right-center">近七天您需要续费的产品服务</div>
                                    <div class="product-right-bottom clearfix">
                                        <div class="server-sum col-sm-3 col-xs-12">云磁盘<span>0</span>台</div>
                                        <div class="server-sum col-sm-3 col-xs-12">服务器<span>0</span>台</div>
                                        <div class="server-high col-sm-3 col-xs-12">高防IP<span>0</span>个</div>
                                        <div class="server-ip col-sm-3 col-xs-12">IP带宽<span>0</span>台</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="product-right-center">目前您拥有的全部产品如下</div>
                                    <div class="product-right-bottom clearfix">
                                        <div class="server-sum col-sm-3 col-xs-12">云磁盘<a href="#">2</a>台</div>
                                        <div class="server-sum col-sm-3 col-xs-12">服务器<a href="#">1</a>台</div>
                                        <div class="server-high col-sm-3 col-xs-12">高防IP<span>0</span>个</div>
                                        <div class="server-ip col-sm-3 col-xs-12">IP带宽<a href="#">1</a>台</div>
                                    </div>
                                </li>
                            </ul>
                        </div>

                    </div>

                </div>
                <div class="product-recommend">
                    <ul class="clearfix">
                        <li class="col-sm-3 col-xs-6">
                            <a href="#">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back01.png" alt=""></div><span>云服务器</span>
                                </div>
                                <div class="recom-bottom">亿速云服务器供一种随时获取的、弹性的计算能力，这种计算能力的体现就是
                                    主机（Instance）。主机就是一台配置好了的服务器，它有您期望的硬件配置、操作系统和网络配置。通常情况下，您的请求可以在10秒到60秒的时间之内
                                    完成，所以您完全可以动态地、按需使用计算能力。</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="#">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back02.png" alt=""></div><span>物理云服务器</span>
                                </div>
                                <div class="recom-bottom">亿速云服务器供一种随时获取的、弹性的计算能力，这种计算能力的体现就是 主机（Instance）。主机就是一台配置好了的服务器，它有您期望的硬件配置、操作系统和网络配置。通常情况下，您的请求可以在10秒到60秒的时间之内 完成，所以您完全可以动态地、按需使用计算能力。</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="#">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back03.png" alt=""></div><span>高防IP</span>
                                </div>
                                <div class="recom-bottom">亿速云针对游戏、金融、网站等用户遭受大流量DDoS攻击时服务不可用的情况推出的增值服务。 高达300G的防护服务和多达20线的BGP线路，让您的业务不再畏惧DDoS攻击的挑战，同时拥有极速的访问体验。</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="#">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back04.png" alt=""></div><span>云备份</span>
                                </div>
                                <div class="recom-bottom">您可以随时从任意一个备份点恢复数据</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="javascrtipt:;">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back05.png" alt=""></div><span>SSL证书</span>
                                </div>
                                <div class="recom-bottom">暂未开放</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="javascrtipt:;">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back06.png" alt=""></div><span>混合云</span>
                                </div>
                                <div class="recom-bottom">暂未开放</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="javascrtipt:;">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back07.jpg" alt=""></div><span>专用宿主机</span>
                                </div>
                                <div class="recom-bottom">暂未开放</div>
                            </a>
                        </li>
                        <li class="col-sm-3 col-xs-6">
                            <a href="#">
                                <div class="recom-top">
                                    <div class="recom-top-img"><img src="../files/back08.png" alt=""></div><span>云硬盘</span>
                                </div>
                                <div class="recom-bottom">硬盘（Volume）为主机提供块存储设备，它独立于主机的生命周期而存在，可以被连接到任意运行中的主机上。注意，硬盘附加到主机上后，您还需要登录到您的主机的操作系统中去加载该硬盘。当然，也可以从主机上卸载硬盘、并转至其他主机。注意，请先在您的主机的操作系统中卸载硬盘，然后再在亿速系统中卸载。</div>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <script>
                $(".product-right-title ul li").click(function(){
                    $(this).addClass("active").siblings().removeClass("active");
                    $(".allproductbox ul li").eq($(this).index()).css("display","block").siblings().css("display","none");
                });
                $(".waybox").mouseover(function(){
                    if($(window).width()<=992){
                        return;
                    }
                    $(this).children(".identlayer").css("display","block");
                });
                $(".waybox").mouseout(function(){
                    $(this).children(".identlayer").css("display","none");
                });
                $(window).resize(function(){
                    changeMarginLeft();
                });
                function changeMarginLeft(){
                    $(window).width()<=1182?$("#secondNavScroll").css("display","none"):$("#secondNavScroll").css("display","block");
                }
            </script>


        </div>
    </div>
</div>
<!--End NEW page-->


<script type="text/javascript">
    //window.onload = function () {
        // $.getJSON("/index.php/index/checkauth.html",{},function (res) {
        //     if(res.audit_status > 1) return false;
        //     var $this = $(this),
        //         options = $.extend(true, {}, {theme: 'bootstrap'}, $this.data());
        //     if (typeof options.theme !== 'undefined') {
        //         alertify.theme(options.theme);
        //     }
        //     alertify.cancelBtn('destory');
        //     alertify.okBtn('确定');
        //     options.confirmTitle = '根据2017年《中华人民共和国网络安全法》规定，云服务器使用者必须提供真实身份信息，请先进行实名认证。';
        //     alertify.confirm(options.confirmTitle, function() {
        //         window.location.href = "/index.php/vhost/identifi.html";
        //     }, function() {
        //         alertify.error(options.errorMessage);
        //     });
        //     $('.cancel').css('display','none');
        // });
    //}
</script>
<!-- End Page -->
 <include file="public:footer"/>
